<template class="app">
	<view class="">
		<view class="main">
			<view class="time"> 00:02  </view>
			<view class="big-icon">   </view>
			<view class="tip"> ~没录完可先保存到草稿箱哦~   </view>
		</view>
		<view class="btn center">   完成  </view>
	</view>
</template> 
<script> 
export default {
	data() {
		 return {
			 tabs:[ 
			 ],
			 cur:1,
		 }
	},
	mounted() { 
		uni.setNavigationBarTitle({ title:"录音室" })
	}
}
	 
</script>

<style lang="less">
	.main{
		
		display: flex;flex-direction: column;   align-items: center;
	}
	.center{display: flex; justify-content: center; align-items: center;}
	.time{
		margin: 30px;text-align: center;
	}
	.big-icon{
		height: 300px;
		width: 300px;
		background: url(../../../static/read/read1.png) no-repeat;
		background-size: 100% 100%;
	}
	.tip{
		 text-align: center;
		font-size: 12px;font-family: PingFang SC;font-weight: 500;	color: #7D7B7B;
        		 
	}
	.btn{
		   background: #333333;
		   height: 30px;
		   margin: 10px;
		   border-radius: 30px;
		   height: 67px;
		   background: linear-gradient(0deg, #F26122, #FE5D25);
		   border-radius: 57px;
		   color: #FFFFFF;
		   margin-top: 30px;
	}
</style>	